<template>
  <div>
    <h2>Shop</h2>
    $route.params {{ $route.params }}
    <hr>
    $route.query {{ $route.query }}
    <hr>
    <h3>Object proprs</h3>
    name:{{ name }}
    <hr>
    age:{{ age }}
    <hr>
    <h3>route.params</h3>
    id:{{ id }}
    <hr>
    rid:{{ rid }}
    <hr>
    <h3>route.query</h3>
    hobby:{{ hobby }}
    <hr>
    gender:{{ gender }}
  </div>
</template>

<script setup>
defineProps(['name', 'age', 'id', 'rid', 'hobby', 'gender'])
</script>